
const form = layui.form
userinfo()
function userinfo() {
    axios.get('/my/userinfo')
        .then(({ data: { data } }) => {
            console.log(data)
            form.val("formTest", data)


            //formTest 即 class="layui-form" 所在元素属性 lay-filter="" 对应的值
            // "name": "value"

        })
}

// ============================= 添加自定义校验规则 ===========================
form.verify({
    nickname: function (value, item) { //value：表单的值、item：表单的DOM对象
        if (value.length < 2 || value.length > 7) {
            return '用户名字符不能大于7位'
        }
        //如果不想自动弹出默认提示框，可以直接返回 true，这时你可以通过其他任意方式提示（v2.5.7 新增）
    }

    //我们既支持上述函数式的方式，也支持下述数组的形式
    //数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
});

// ------------------   表单提交的时候，完成用户信息的更新 -----------------
// 1. 注册表单的提交事件
$('#form').on('submit', function (e) {
    // 2. 阻止默认行为
    e.preventDefault()
    // 3. 收集表单数据(是否使用formdata 看接口)
    let data = $(this).serialize();

    // ====================== 发送ajax请求 ======================
    axios.post("/my/userinfo", data).then(({ data: { status, message } }) => {
        if (status !== 0) {
            // 更新失败
            return layer.msg(message);
        }

        // 更新成功
        layer.msg(message);

        // 调用父页面的getUserInfo函数，重新渲染index.html 的头像和昵称
        // window.parent 子集调动父级
        window.parent.getUserInfo();
    });
});

// ====================== 重置 ======================
$('#btnReset').on('click', function (e) {
    e.preventDefault()
    userinfo()// 调用函数，重新发送ajax请求，获取用户信息，重新为表单赋值
})










